<!DOCTYPE html>
<html class="landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="common/css/fonts/supp-font-awesome.css"/>
        <link rel="stylesheet" type="text/css" href="common/css/supp-ui-core.css"/>
        <!-- <link rel="stylesheet" type="text/css" href="css/header_footer.css"/> -->
    </head>
    <body ontouchstart>
        <div class="pt-header pb-footer">
            <!-- 标题部分 -->
            <div id="header" class="supp-page-header">
                <div class="supp-header-left icon-fa-back"></div>
                <div class="supp-header-title">
                    常用应用
                </div>
                <div class="supp-header-right">
                    编辑
                </div>
            </div>
            <!--header结束-->

            <!--content开始-->
            <div id="content">
                <div class="ub bd-b">
                    常用功能
                </div>
                <ul class="supp-square-menu">
                    <li>
                        <div style="background-image:url(img/icon1.png);"></div>
                        <div>
                            物业报修
                        </div>
                    </li>
                    <li>
                        <div style="background-image:url(img/icon2.png);"></div>
                        <div>
                            人才缴费
                        </div>
                    </li>
                    <li>
                        <div style="background-image:url(img/icon3.png);"></div>
                        <div>
                            水电缴费
                        </div>
                    </li>
                         <li>
                        <div style="background-image:url(img/icon3.png);"></div>
                        <div>
                            物业缴费
                        </div>
                    </li>
                </ul>
            </div>

            <!--footer开始-->
            <ul class="supp-page-footer hide">
                <li class="active">
                    <dl>
                        <dt class="icon-home"></dt>
                        <dd>
                            首页
                        </dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt class="icon-common"></dt>
                        <dd>
                            常用
                        </dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt class="icon-my"></dt>
                        <dd>
                            我的
                        </dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt class="icon-more"></dt>
                        <dd>
                            更多
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
    </body>
    <script src="common/js/supp-plugins.js"></script>
    <script src="common/js/supp-common.jsx"></script>
    <script src="common/js/supp-ui-core.js"></script>
    <script src="index.js"></script>
</html>
